// 定义成一个模块
define(["template", "request", "jquery"], (tmp, req) => {
  class Header {
    constructor() {
      this.count = 0;
      this.loadHTML();
      this.ggDon();
      this.getNavData();
    }

    loadHTML() {
      // 使用jquery的方法去加载header.html
      $("header").load("/html/modules/header.html", () => {
        this.computedCount();
      });
    }
    computedCount() {
      this.count = 0
      let prodList = localStorage.getItem("prodList");
      if (prodList) {
        // 有
        prodList = JSON.parse(prodList);
        prodList.forEach((item) => {
          this.count += item.count;
        });
      } else {
        // 没有
      }
      $("#nums span").text(this.count);
    }
    // 轮播图
    ggDon() {
      $(window).scroll(function () {
        // console.log(123);
        const sc = $(this).scrollTop();
        // console.log(sc);

        const w = 400;
        const header = $("header");
        const main = $("main");

        if (sc >= w) {
          $("header").addClass("top-fixed");
          $("main").addClass("top_fixed");
          $(".topnav").css("display", "block");
          $(".topnav a").css("display", "block");
        } else if (sc <= w) {
          $("header").removeClass("top-fixed");
          $("main").removeClass("top_fixed");
          $(".topnav").css("display", "none");
          $(".topnav a").css("display", "none");
        }
      });
      $(".topnav").click(function () {
        $("html").animate(
          {
            scrollTop: 0,
          },
          500
        );
      });
    }
    // 获取头部 Nav 数据
    getNavData() {
      req.getNavsugar2().then((res) => {
        if (res.code === 200) {
          this.renderNav(res.data.list);
        }
      });
    }
    renderNav(res) {
      const list = res.splice(1, 7);
      // console.log(list);
      const html = tmp("tmp_nav", { list });
      $(".nav_c").html(html);
    }
  }
  return new Header();
});
